<ul class="pagination pagination-sm no-margin pull-right">
    <li><a class="first">首页</a></li>
	<li><a class="pre">上一页</a></li>
	<li><a class="next">下一页</a></li>
	<li><a class="last">尾页</a></li>
	<li><a class="rowCount">总记录数(0)</a></li>
	<li><a class="pageCount">总页数(0)</a></li>
	<li><a class="pageCurrent">当前页(1)</a></li>
</ul>
<script type="text/javascript">
function doSetPagination(pageObject){//Pagination--分页
	$(".rowCount").html(`总记录数(${pageObject.rowCount})`);
	$(".pageCount").html(`总页数(${pageObject.pageCount})`);
	$(".pageCurrent").html(`当前页(${pageObject.pageCurrent})`);
	/*上边这里也可以写为:
	$(".rowCount").html("总记录数("+pageObject.rowCount+")");
	$(".pageCount").html("总页数("+pageObject.pageCount+")");
	$(".pageCurrent").html("当前页("+pageObject.pageCurrent+")");*/
	//将总页码设置为pageId的参数
	$("#pageId").data("pageCount",pageObject.pageCount);
	//将当前页设置为pageId的参数
	$("#pageId").data("pageCurrent",pageObject.pageCurrent);
	//上边的代码也可以写为:
	//$("#pageId").data({"pageCount":pageObject.pageCount,"pageCurrent":pageObject.pageCurrent});
}
$(function(){
	//在页面加载完成绑定点击事件
	$("#pageId").on("click",".first,.pre,.next,.last",doJumpToPage);
})
function doJumpToPage(){
	//获取被点击对象中的class属性 -- this指向被点击的对象  prop为获取属性值的函数
	var cls = $(this).prop("class");
	//基于class属性值修改当前页码值
	var pageCount = $("#pageId").data("pageCount");
	var pageCurrent = $("#pageId").data("pageCurrent");
	//console.log(pageCount,pageCurrent);
	if(cls=="first"){//首页
		pageCurrent = 1;
	}else if(cls=="pre"&&pageCurrent>1){//上一页
		pageCurrent--;
	}else if(cls=="next"&&pageCurrent<pageCount){//下一页
		pageCurrent++;
	}else if(cls=="last"){//尾页
		pageCurrent = pageCount;
	}else{
		return;
	}
	$("#pageId").data("pageCurrent",pageCurrent);
	//3.基于新的页码执行新的查询
	doGetObjects();
}
</script>








